﻿/*baodest点击产品展示页隐藏*/
.talent-nav{padding-top: 30px;padding-bottom: 30px;cursor: pointer;border-bottom: 1px solid #d3d8dc;}
.add{display: inline-block;width: 26px;height: 26px;background: url(../images/add_03.png) no-repeat;background-size: cover;vertical-align: middle;}
.reduce{display: inline-block;width: 26px;height: 4px;background: url(../images/reduce_03.png) no-repeat;background-size: cover;vertical-align: middle;}
.on{display: none;}
.talent-inner{padding-top: 30px;}
.clearfix:after{clear:both}.clearfix{zoom:1}.fl{float:left}.fr{float:right}
	.p1{
	white-space:nowrap;/*不换行*/
	word-wrap:break-word;/*自动换行*/
	word-break:break-all;/*英文换行,块级元素*/
	text-overflow:ellipsis; overflow:hidden;/*超出显示省略号*/
	display: flex;  /*设置活动盒子*/
    justify-content: center; /*盒子子元素*/
	vertical-align: middle;/*vertical-align 属性设置一个元素的垂直对齐方式。*/
	}
ul, li {
  margin: 0;
  padding: 0;
  list-style: none; /* 移除列表的默认标记 */
}
	ul li {
    *zoom: 1; /* 触发IE的hasLayout属性 */
  }
/*baodest点击产品展示页图片放大效果*/
.txt-list{
	float:left;
}

.namu{
font-size:16px;
text-align:center;
margin:0;
padding:0;
width:200px;
height:50px;
line-height:50px;
transition:background-color 0.3s;
cursor:pointer;
vertical-align: middle;
border-radius:5px;
}
.namu a:link {
background-color:#4cb5ef;
color:#fff;
display:block;
width:200px;
height:50px;
border-radius:5px;
}    /* 未访问链接 */
.namu a:visited {
background-color:#4cb5ef;
color:#fff;
display:block;
width:200px;
height:50px;} /* 已访问链接 */

.namu a:hover {
background-color:#3886d1;
color:#fff;
display:block;
width:200px;
height:50px;}   /* 鼠标移动到链接上 */

.namu a:active {
background-color:#3886d1;
color:#fff;
display:block;
width:200px;
height:50px;}  /* 鼠标点击时 */

.fontcolor{
color:#fff;
}

.ul-text-image{
font-size:16px;
text-align:center;
margin:0;
padding:0;
width:280px;
height:50px;
line-height:50px;
transition:background-color 0.3s;
cursor:pointer;
vertical-align: middle;
border-radius:5px;
border:1px solid red;
}

/* goods文档 */

span,h3{
	margin:0;
	padding:0;
		}

        .goodsul{
			list-style-type:none;
			overflow:hidden;
			padding:5px;
		}
		.goodsul li{
			position:relative;
			overflow:hidden;
            border:1px;
			border-style: dashed dashed none none;
			line-height:64px; 
			height:64px; 

		}
		.goodsul li span{
		    display:inline-block;
			background-color:red;
			border-radius:50px;
			width:50px;
			height:50px;
			position:absolute;
			right:12px;
			top:10px;
			overflow:hidden;

		}
		.goodsul li span h3{
			position:absolute;
			overflow:hidden;
			color:white;
			left:14px;
			top:-18px;
		}
		.goodsconter{
			position:relative; 
			margin:50px auto 0 auto; 
			padding:0; 
			width:100%; 
			text-align:left; 
			overflow:hidden;
		}
		.goodsflexd{
			 position:relative;float:left;margin-left:30px;width:350px;height:400px;text-align:center;padding-top:20px;
		}
		.goodsflexd .goodsflexd-back{
			position:relative;padding-top:10px;width:200px; height:90px;line-height:100px;background-color:#EAEAEA;border-radius:8px;margin:0 auto;    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.8), 0 6px 20px 0 rgba(0,0,0,0.1);

		}
	    .goodsflexd-back .flexb{
			margin:0 auto;width:180px;height:80px;line-height:25px;background-color:red;text-align:center;border-radius:5px;
		}
		
	     .goodsflexd-back .dianchicang {
			position:absolute;left:160px;top:90px;width:100px;height:50px;line-height:50px;background-color:#f2f2f2;border-radius:50%;color:#ffffff;box-shadow:3px 3px 2px #000000;
		}
		.dianchicang p {
             line-height:20px;color:red;margin-top:4px;
		}
		.goodsflexd-back .dianchicanga {
			position:absolute;left:-18px;top:90px;width:100px;height:50px;line-height:50px;background-color:#f2f2f2;border-radius:50%;color:#ffffff;box-shadow:3px 3px 2px #000000;
		}
		.dianchicanga p {
             line-height:20px;color:red;margin-top:4px;
		}
		.goodsflexd .flexb span{
			display:inline-block;position:relative:
		}
		.goodsflexd .flexb span h3 {
			color:#ffffff;
		}
		.goodsflexd .flexc{
			width:180px;height:80px;line-height:25px;background-color:red;text-align:center;border-radius:5px;margin:0 auto;
		}
		.goodsflexd .flexc span{
		  display:inline-block;position:relative:
		}
		.goodsflexd .flexc span h3{
			color:#ffffff;
		}
		
		
		.goodsfloat{
			display:inline-block;
			position:relative;
			height:60vh;
			float:left;
			width:376px;
			overflow:hidden;
			margin:0 auto;
			word-wrap: break-word;      /* 旧版本浏览器支持 */
            overflow-wrap: break-word;
			border:1px solid re
		}
		.goodsfloat h1{
			 color:red;
			 text-align:center;
		}
		.goodsfloat h2{
			 padding:30px;
			 text-align:center;
		}
		.goodsfloat div span{
			display:inline-block;
			margin:5px 5px;
			width:73px;
			height:173px;
		}
		.goodsfloat ul{
			position:relative;
			
		}
		.goodsfloat ul li{
			position:relative;
			overflow:hidden;
			width:320px;
            border:1px;
			border-style: dashed dashed none none;
			line-height:64px; 
			height:64px; 
			text-align:center;
			
		}
		
		.goodsfloat ul li span{
		    display:inline-block;
			background-color:red;
			border-radius:50px;
			width:50px;
			height:50px;
			position:absolute;
			right:12px;
			top:10px;
			overflow:hidden;

		}
		.goodsfloat ul li h3{
			position:absolute;
			overflow:hidden;
			color:white;
			left:14px;
			top:-18px;
		}
		.goodsfloat .flexa {
			display:flex;
			justify-content: center;
			
		}
		
		.goodsfloatright{
	        word-wrap: break-word;      /* 文字换行旧版本浏览器支持 */
            overflow-wrap: break-word;
			display:inline-block;
			float:right;
			width:376px;
			overflow:hidden;
			margin:0 auto;
			z-index:99;
		}
		.goodsfloatright h1{
			 color:red;
			 text-align:center;
			 margin-bottom:30px;
		}

		.goodsfloatright ul{
		
			position:relative;
			
		}

		.goodsfloatright ul li{
			position:relative;
			overflow:hidden;
            border:1px;
			border-style: dashed none none dashed;
			line-height:64px; 
			height:64px; 
	        padding-left:100px;

		}
		.goodsfloatright ul li span{	
		    display:inline-block;
			background-color:red;
			border-radius:50px;
			width:50px;
			height:50px;
			color:#ffffff;
			position:absolute;
			left:12px;
			top:10px;
			overflow:hidden;
		}
		.bottomya {
			border-bottom-style:dashed;
		}
		.goodsfloatright ul li span h3{
			position:absolute;left:15px;top:-18px;color:#ffffff;
		}
		
		
		
		.goodsfloatright1{
	        word-wrap: break-word;      /* 文字换行旧版本浏览器支持 */
            overflow-wrap: break-word;
			display:inline-block;
			float:right;
			width:376px;
			overflow:hidden;
			margin:0 auto;
			z-index:99;
		}

		.goodsfloatright1 ul{
		
			position:relative;
			
		}

		.goodsfloatright1 ul li{
			position:relative;
			overflow:hidden;
			line-height:50px; 
			height:50px; 
	        padding-left:80px;
			font-weight:bold;
			

		}
		.goodsfloatright1 ul li span{	
		    display:inline-block;
			background-color:red;
			width:50px;
			height:25px;
			color:#ffffff;
			position:absolute;
			left:20px;
			top:15px;
			overflow:hidden;
		}
		.bottomya {
			border-bottom-style:dashed;
		}
		.goodsfloatright1 ul li span h4{
			position:absolute;left:10px;top:-24px;color:#ffffff;
		}
		
/*20240927对角线开始*/      
.diagonal-line{
  width: 100px;
  height: 100px;
  position: absolute;/*relative;*/
  top:40px;
  left:350px;
  margin:0;
  padding:0;
  overflow:hidden;
	}
.diagonal-line::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  top: 30px; /* 定位到顶部 */
  left: 30px; /* 定位到左侧 */
  width: 141.42%; /* 对角线长度 */
  height: 141.42%; /* 对角线长度 */
  border-style:none;
  border-top:1px dashed black;
  transform: rotate(-45deg); /* 旋转对角线 */
  -ms-transform:rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  transform-origin: 1 0; /* 旋转基点 */
	}
/*20240927对角线结束*/  
 .diagonal-right{
  width: 150px;
  height: 150px;
  position: absolute;
  top:153px;
  left:690px;
  margin:0;
  padding:0;
  overflow:hidden;
 z-index:99999;
	}
.diagonal-right::before {
  content: ''; /* 伪元素内容 */
  position: absolute; /* 绝对定位 */
  top: 1px; /* 定位到顶部 */
  left: 46px; /* 定位到左侧 */
  width: 141.42%; /* 对角线长度 */
  height: 141.42%; /* 对角线长度 */
  border-style:none;
  border-top:1px dashed red;
  transform: rotate(-45deg); /* 旋转对角线 */
  -ms-transform:rotate(-45deg); /* IE 9 */
  -webkit-transform:rotate(-45deg); /* Safari and Chrome */
  transform-origin: 1 0; /* 旋转基点 */
    z-index:99999;
	}
	
/*蓝色线条
.line-blue-a{position:relative;border-bottom:1px solid #e0e0e0;margin-bottom:60px;text-align:center;}
.line-blue-a h1{padding:40px;line-height:30px;color:#5da9ee;font-size:30px;text-align:center;font-weight:300;}
.line-blue-a hr{display:block;position:absolute;left:493px;	bottom:-13px;border-style:none;	width:172px;height:10px;background-color:rgb(0, 186, 214);	}
蓝色线条块*/

.line-blue-a{ position:relative;border-bottom:1px solid #e0e0e0;margin-bottom:40px;text-align:center;min-width:250px;}
.line-blue-a h1{ margin:0 auto;padding:40px;height:10px;line-height:10px;color:#5da9ee;font-size:30px;text-align:center;font-weight:300;}
.line-blue-a hr{ margin-bottom:-5px;border-style:none;width:172px;height:10px;background-color:rgb(0, 186, 214);}

		.goodsfloata{
			display:inline-block;
			position:relative;
			height:80vh;
			float:left;
			width:300px;
			overflow:hidden;
			margin:0 0 0 50px;
			word-wrap: break-word;      /* 旧版本浏览器支持 */
            overflow-wrap: break-word;
		}
		.goodsfloata h1{
			 color:red;
			 text-align:center;
		}
		.goodsfloata h2{
			 padding:30px;
			 text-align:center;
		}
		.goodsfloata div span{
			display:inline-block;
			margin:5px 5px;
			width:73px;
			height:173px;
		}
		.goodsfloata ul{
			position:relative;
			

			
		}
		.goodsfloata ul li{
			position:relative;
			overflow:hidden;
			height:30px;
			line-height:30px;
			width:250px;
			margin:2px;
			padding-left:40px;
			font-weight:bold;
			
		}
		
		.goodsfloata ul li span{
		    display:inline-block;
			position:relative;
			top:5px;
			left:-5px;
			background-color:red;
			width:35px;
			height:20px;
			overflow:hidden;

		

		}
		.goodsfloata ul li h3{
			position:absolute;
			overflow:hidden;
			color:white;
			left:14px;
			top:-18px;
		}
		.goodsfloata .flexa span {
		
	
			width:300px;

			border:1px solid red;
			
		}
		.che01{
			background:url(../images/xinche01.png) no-repeat left top/300px 185px;height:200px;
		}
		.xingche00{
			background:url(../images/xinche00.png) no-repeat center top/180px 141px;height:150px;margin:20px auto; 
		}
		.che02{
			background:url(../images/xinche02.png) no-repeat left top/300px 185px;height:200px;
		}
		
/*线条*/
#ul-li{
	position:absolute;left:20px;top:40px;
	    margin:0;
		padding-top:30px;
	}
#ul-li ul{
		position:relative;padding-top:0;
	}
#ul-li ul li{
	display:inline-block;
	position:relative;
	border:1px solid #5b9bd5;
	list-style:none;
	border-style:solid solid none solid;
	padding:0;
	margin-right:-19px;
	width:150px;
	height:15px;
	}
#ul-li ul li.li4{
		position:absolute;left:90px;top:-14px;
		list-style:none;
		border-style:none solid none none;
		color:#ffffff;
	}
#ul-li  ul li.li4 span{
		display:inline-block;
		position:absolute;left:60px;top:-62px;
		width:180px;
		height:70px;
		border-radius:5px;
		background-color:#5b9bd5;
	    font-size:14px;
	   text-align:center;
	   color:#ffffff;
		padding:0;
		margin:0;
	}
#ul-li  ul li.li4 span h2{
	margin-top:6px;color:#ffffff;
	}
#ul-li ul li.li4 span p{
	color:#ffffff;
}

		
	/*线条*/	
.ulsolid ul {
  list-style:none;padding:0;margin:0;position:relative;width:150px;

	}
.ulsolid ul li{
			position:relative;
	        left:20px;
	        top:-30px;
	        padding:0;
	        width:25px;
			height:60px; 
	     	border:1px;
	        list-style-type:none;
			border-style: solid none none solid;
	        border-color:#5b9bd5;
			margin:0;
		}
		
.ulsolid ul li span{
	        display:inline-block;
	        position:relative;left:28px;top:38px;
			width:85px;
			height:40px;
	 	    line-height:40px;
	 		border:1px solid #5b9bd5;
			border-radius:5px;
			font-size:12px;
            text-align:center;
	        z-index:999;
		}
.ulsolid ul li span p{
	    margin:0;
		line-height:20px;
	
	}

.angao {
 display:inline-block;width:160px;height:50px;line-height:50px;font-size:18px;font-family: 'Heiti SC', '黑体', sans-serif;  font-weight: bold;border:1px solid #00bad6;color:#ffffff;background-color:#00bad6;border-radius:5px;margin:20px 20px 1px;
}

/*风电行业开始*/
.ul-li-ltrfd {
	position:relative;left:0;top:0;list-style-type:none;padding:0;margin:0;font-size:10px;text-align:left;
	
}
.ul-li-ltrfd p{
	width:80px;text-align:center;
}
.ul-li-ltrfd .ul-ltr-1 {
	position:absolute;left:-30px;top:160px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-1 {
	position:absolute;left:-30px;top:160px;list-style-type:none;border-top:
}
.ul-li-ltrfd .ul-ltr-2 {
	position:absolute;left:138px;top:75px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-3 {
	position:absolute;left:225px;top:75px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-4 {
	position:absolute;left:305px;top:75px;;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-5 {
	position:absolute;left:380px;top:75px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-6 {
	position:absolute;left:450px;top:75px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-7 {
	position:absolute;left:225px;top:155px;;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-8 {
	position:absolute;left:305px;;top:155px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-9 {
	position:absolute;left:380px;top:155px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-10 {
	position:absolute;left:450px;top:155px;;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-11 {
	position:absolute;left:225px;top:275px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-12 {
	position:absolute;left:305px;top:275px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-13 {
	position:absolute;left:375px;top:275px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
.ul-li-ltrfd .ul-ltr-14 {
	position:absolute;left:453px;top:275px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:15px;
}
/*风电行业结束*/


.line-01{
	 position:relative;width:120px;height:76px;border-radius:10px;margin:0 auto;background-color:#ca3a55;text-align:center;
}
.line-01 p{
      margin:0;color:#ffffff;
}
.line-02{
	 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
}
.line-02 p {
	 font-size:12px;
     margin:0;color:#ffffff;
}
.line-03 {
	 position:relative;width:120px;height:90px;border-radius:0 0 10px 10px;margin:0   auto;background-color:#ca3a55;text-align:center;
}
.line-03 p {
	font-size:12px;
	margin:0;color:#ffffff;
	line-height:18px;
}
.line-04 {
	 position:relative;width:200px;border:1px dashed #ed7d31;border-radius:10px;margin:0 auto;padding:5px;background:#f7e3d5;
}
.line-04 span {
	 position:absolute;left:2px;top:40px;writing-mode: vertical-rl;
}
    .line-04-1{
	 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
     }
	 .line-04-1 p{
		    font-size:12px;
		 	margin:0;color:#ffffff;
	 }
    .line-04-2 {
	position:relative;width:120px;height:90px;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
    }
	.line-04-2 p{
		font-size:12px;
		margin:0;color:#ffffff;
	}
	.line-04-3 {
		 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	}
	.line-04-3 p{
		font-size:12px;
		margin:0;color:#ffffff;
	}
    .line-04-4 {
		 position:relative;width:120px;height:auto;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	}
	.line-04-4 p {
		font-size:12px;
		margin:0;color:#ffffff;
	}
	
.line-05 {
	 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
}
.line-05 p {
	font-size:12px;
	margin:0;color:#ffffff;
}
    .line-05-1 {
	 position:relative;width:120px;height:90px;border-radius:0 0 10px 10px;margin:0   auto;background-color:#ca3a55;text-align:center;
     }
	 .line-05-1 p {
		 font-size:12px;
	 margin:0;color:#ffffff;
	 }
	 .line-05-2 {
		  position:relative;width:200px;border:1px dashed #ed7d31;border-radius:10px;margin:0 auto;padding:5px;background:#f7e3d5
	 }
	 .line-05-2 .linespan {
		 writing-mode: vertical-rl;
		  position:absolute;
		  left:1px;top:60px;;
	 }
	 .line-05-2 .linespan-1{
		 text-align:center;
	 }
	 .line-05-2-0 {
		  width:180px;margin:0 auto;
	 }
	 
	 
	.line-05-2-0 ul{
	width:155px;
	list-style-type:none;
	padding:0;
	margin:0 auto;

	
	}
   .line-05-2-0 ul li{
	float:left;
	width:50px;
	height:25px;
	line-height:25px;
    list-style:none;
	padding:0;
	color:#ffffff;
	text-align:center;
	background-color:red;
	margin:0 0 0 1px;
	border-radius:0 0 5px 5px;
	}
	
	.line-05-2-0 ul li.lia{
	 background-color:#7f7f7f;
	}
.line-05-2-0 ul li.lib{
	 background-color:#595959;
	}
.line-05-2-0 ul li.lic{
	 background-color:#3b3838;
	}
	
	
	
	 .line-05-2-0 span{
		 display:inline-block;width:50px;margin-left:1px;background-color:red;
	 }
	 .line-05-2-1{
		  position:relative;width:150px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-05-2-1 p {
		 font-size:12px;
		  margin:0;color:#ffffff;
	 }
	 .line-05-2-2 {
		  position:relative;width:150px;height:90px;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-05-2-2 p {
		 font-size:12px;
		 margin:0;color:#ffffff;
	 }
	 .line-05-3 {
		  float:right;margin-left:10px;
	 }
	 .line-05-3-1 {
		 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-05-3-1 p {
		 font-size:12px;
		 margin:0;color:#ffffff;
	 }
     .line-05-3-2 {
		  position:relative;width:120px;height:auto;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-05-3-2 p {
		 font-size:12px;
		 margin:0;color:#ffffff;
		 	  line-height:18px;
	 }
	 .line-05-4 {
		  position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-05-4 p {
		 font-size:12px;
		 	 margin:0;color:#ffffff;
	 }
	 .line-05-4-1 {
		  position:relative;width:120px;height:auto;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-05-4-1 p {
		 font-size:12px;
		  margin:0;color:#ffffff;
		  line-height:18px;
	 }
	 .line-06 {
		  position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-06 p {
		 font-size:12px;
		  margin:0;color:#ffffff;
	 }
	 .line-06-1 {
		  position:relative;width:120px;height:90px;border-radius:0 0 10px 10px;margin:0   auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-06-1 p{
		 font-size:12px;
		 margin:0;color:#ffffff;
	 }
	 .line-06-2 {
		 position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-06-2 p {
		 font-size:12px;
		 margin:0;color:#ffffff;
	 }
	 .line-06-3 {
		  position:relative;width:120px;height:auto;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-06-3 p {
		 font-size:12px;
		margin:0;color:#ffffff;
	 }
	 .line-06-4 {
		  position:relative;width:200px;border:1px dashed #ed7d31;border-radius:10px;margin:0 auto;padding:5px;background:#f7e3d5;
	 }
	 .line-06-4-1 {
		 writing-mode: vertical-rl;
		  position:absolute;left:2px;top:30px;
	 }
     .line-06-4-2 {
		  position:relative;width:120px;height:26px;border-radius:10px 10px 0 0;margin:0 auto;background-color:#595959;text-align:center;border-bottom:1px solid #ffffff;
	 }
	 .line-06-4-2 p{
		 font-size:12px;
          margin:0;color:#ffffff;
	 }		 
     .line-06-4-3 {
		  position:relative;width:120px;height:90px;border-radius:0 0 10px 10px;margin:0 auto;background-color:#ca3a55;text-align:center;
	 }
	 .line-06-4-3 p {
		 font-size:12px;
		 margin:0;color:#ffffff;
	 }
/*箭头向上三角形线条开始*/ 
.box-triangle {
	 position:relative;width:100px;height:65px;margin:0 auto;
}
.box-triangle .box-triangle-p1{
	writing-mode:vertical-rl;width:80px;margin-top:4px;
}
.box-triangle-up{position:absolute;	top:2px;left:40px;width:16px;}
.box-triangle-up .triangle-up { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom: 14px solid black;
      }
.box-triangle-up .line-dashed{position:relative;width:0;height:50px;border-style:none;border-left:1px dashed black;text-align:center;margin:0 auto;overflow:hidden;
      }
/*箭头向上线条结束*/


/* 向下的三角形 */
.box-triangle .box-triangle-p2{
	writing-mode:vertical-rl;width:80px;
}
.box-triangle-down{position:absolute;top:2px;left:40px;width:16px;height:60px;}
.box-triangle-down .triangle-down {width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid black;
}
.box-triangle-down .line-dashed{position:relative;width:0;height:50px;border-style:none;border-left:1px dashed black;text-align:center;margin:0 auto;overflow:hidden;
}


/*向左向右的三角形盒子开始*/
.box-triangle-ltr { position:relative;left:160px;top:-80px;width:150px;height:20px;z-index:100;	}
    .box-triangle-ltr .triangle-left { position:relative; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 14px solid black;
}
    .box-triangle-ltr .line-dashed { position:relative;left:0;top:-8px;width:120px;height:0;border-style:none;border-top:1px dashed black;text-align:center;margin:0 auto;
}
    .box-triangle-ltr .triangle-right { position:relative; left:130px; top:-17px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;
  border-left: 14px solid black;
}
/*向左向右的三角形盒子开始*/
/*向左向右的三角形盒子开始2*/
.box-triangle-ltr2 { position:relative;left:200px;top:-320px;width:110px;height:20px;z-index:100;	}
    .box-triangle-ltr2 .triangle-left { position:absolute; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;
}
    .box-triangle-ltr2 .line-dashed { position:absolute;left:18px;top:8px;width:80px;height:0;border-style:none;border-top:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr2 .triangle-right { position:absolute; left:100px; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid black;
}
/*向左向右的三角形盒子开始2*/
/*向左向右的三角形盒子开始3*/
.box-triangle-ltr3 { position:absolute;left:-60px;top:280px;;width:120px;height:20px;z-index:100;	}
    .box-triangle-ltr3 .triangle-left { position:absolute; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;z-index:999;
}
    .box-triangle-ltr3 .line-dashed { position:absolute;left:20px;top:8px;;width:95px;height:0;border-style:none;border-top:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr3 .triangle-right { position:absolute; left:120px; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid black;z-index:999;
}
/*向左向右的三角形盒子开始3*/
/*向左向右的三角形盒子开始4*/
.box-triangle-ltr4 { position:absolute;left:-60px;top:100px;width:120px;height:20px;z-index:100;	}
    .box-triangle-ltr4 .triangle-left { position:absolute; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;z-index:999;
}
    .box-triangle-ltr4 .line-dashed { position:absolute;left:20px;top:8px;width:95px;height:0;border-style:none;border-top:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr4 .triangle-right { position:absolute; left:120px; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid black;z-index:999;
}
/*向左向右的三角形盒子开始4*/
/*向左向右的三角形盒子开始5*/
.box-triangle .box-triangle-p3{
	writing-mode:vertical-rl;width:80px;
}
.box-triangle-ltr5 { position:absolute;left:-70px;top:240px;;width:120px;height:20px;z-index:100;	}
    .box-triangle-ltr5 .triangle-left { position:absolute; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;z-index:999;
}
    .box-triangle-ltr5 .line-dashed { position:absolute;left:20px;top:-130px;width:95px;height:136px;border-style:none;border-bottom:1px dashed black;border-right:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr5 .triangle-right { position:absolute; left:120px; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid black;display:none;z-index:999;
}
/*向左向右的三角形盒子开始5*/
/*箭头向上三角形线条开始*/ 
.box-triangle-box { position:relative;left:128px;top:0;width:15px;height:75px;overflow:hidden;}
   .box-triangle-box .triangle-up { position:absolute;left:0;top:0;width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom: 14px solid black;
      }
  .box-triangle-box .line-dashed{position:absolute;left:8px;top:12px;width:0;height:60px;border-style:none;border-left:1px dashed black;text-align:center;margin:0 auto;overflow:hidden;
      }
/*箭头向上线条结束*/

/*箭头向上三角形线条开始*/ 
.box-triangle-box-1 { position:relative;left:185px;;top:-76px;width:15px;height:75px;}
  .box-triangle-box-1 .box-triangle-p1{	writing-mode:vertical-rl;width:80px;border:1px solid black;margin-top:4px;}
  .box-triangle-box-1 .line-dashed{position:relative;width:0;height:60px;border-style:none;border-left:1px dashed black;text-align:center;margin:0 auto;overflow:hidden;
      }
  .box-triangle-box-1 .triangle-up { width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent;  border-bottom: 14px solid black;
      }
/*箭头向上线条结束*/

/*向左向右的三角形盒子开始6*/
.box-triangle .box-triangle-p6{
	writing-mode:vertical-rl;width:80px;
}
.box-triangle-ltr6 { position:absolute;left:-70px;top:240px;;width:120px;height:20px;z-index:100;	}
    .box-triangle-ltr6 .triangle-left6 { position:absolute; left:0; top:0; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;display:none;z-index:999;
}
    .box-triangle-ltr6 .line-dashed6 { position:absolute;left:280px;bottom:-270px;width:80px;height:100px;border-style:none;border-bottom:1px dashed black;border-right:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr6 .triangle-right6 { position:absolute; left:0; top:0; display:none;width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 14px solid black;display:none;z-index:999;
}
/*向左向右的三角形盒子开始6*/
/*向左向右的三角形盒子开始6*/
.box-triangle .box-triangle-p7{
	writing-mode:vertical-rl;width:80px;
}
.box-triangle-ltr7 { position:absolute;left:-70px;top:240px;;width:120px;height:20px;z-index:100;	}
    .box-triangle-ltr7 .triangle-left7 { position:absolute; left:270px;; bottom:-277px; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent;  border-right: 14px solid black;z-index:999;
}
    .box-triangle-ltr7 .line-dashed7 { position:absolute;left:360px;top:150px;;width:80px;height:40px;border-style:none;border-bottom:1px dashed black;border-right:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .box-triangle-ltr7 .triangle-right7 { position:absolute; left:432px;; bottom:-136px;  width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 14px solid black;z-index:999;
}
/*向左向右的三角形盒子开始6*/


 .shuoming {
	 border:1px solid red;border-radius:5px;width:280px;height:550px;padding:5px;margin:10px auto;font-size:12px;line-height:1.8;
}

.ulbox-triangle-ltr { position:absolute;left:-80px;;top:350px;width:120px;height:20px;list-style-type:none;padding:0;margin:0;z-index:100;}
    .ulbox-triangle-ltr .triangle-left { position:absolute; left:0; top:0; width: 0; height: 0; list-style-type:none;padding:0;margin:0;border-bottom: 8px solid transparent; border-top: 8px solid transparent;  border-right: 14px solid black;z-index:999;
}
    .ulbox-triangle-ltr .line-dashed { position:absolute;left:8px;top:7px;width:150px;height:40px;list-style-type:none;padding:0;margin:0;border-style:none;border-top:1px dashed black;border-right:1px dashed black;text-align:center;margin:0 auto;z-index:999;
	}
    .ulbox-triangle-ltr .triangle-right { position:absolute; left:150px; top:46px;;width: 0; height: 0;list-style-type:none;padding:0;margin:0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 14px solid black;z-index:999;
	}

.ul-li-ltr {
	position:relative;left:0;top:0;list-style-type:none;padding:0;margin:0;font-size:10px;text-align:left;
}
.ul-li-ltr .ul-ltr-1 {
	position:relative;left:-5px;top:75px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-2 {
	position:relative;left:75px;top:-15px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-3 {
	position:relative;left:370px;top:-10px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-ltr-3 hr{ position:absolute;left:-10px;top:-25px;width:20px;border:2px solid red; }
.ul-li-ltr .ul-ltr-4 {
	position:relative;left:400px;top:65px;;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-5 {
	position:relative;left:400px;top:150px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-6 {
	position:relative;left:280px;top:150px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-7 {
	position:relative;left:60px;top:140px;;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
.ul-li-ltr .ul-ltr-8 {
	position:relative;left:10px;;top:80px;list-style-type:none;padding:0;margin:0;font-size:10px;line-height:5px;
}
/*控制文档位置  1  */
/*1*/
.mainright {
	position:relative;	top:0;	left:0;	width:880px;	height:300px;	border:1px solid red;
	}
.mainright .rectangle-line{
  position:relative;  left:30px;  top:10px;  width:120px;  height:0;  border-style:none;  border-right:15 solid #ffffff;  border-top:15px solid red;
	}
.mainright .rectangle-line:after{
  position:absolute;  top:-14px;  left:0;  content: '';  width:0;  height:0;  border-style:none;  border-left:15px solid #ffffff;
  border-bottom:15px solid red;
	}
/*长方形斜角结束*/
  .mainright .rectangle-column {
  position: absolute;  top: 10px;  left: 30px;  border-style: none;  border-top:15px solid #fff;  border-bottom:15px solid blue;
  border-right:15px solid red;
  height:30px;/*控制高度与berore配合使用*/
}
.mainright .rectangle-column:before {
  position:absolute;  left:0;  top:30px;  content: "";  border-top:15px solid red;  border-right:15px solid #fff;
}

